<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		
		<title></title>
		<link rel="stylesheet" type="text/css" href="reset.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1848847_nde5h5okja.css"/>
		<link rel="stylesheet" type="text/css" href="css/shenguang3.css"/>
	</head>
	<body>
		<input type="checkbox" name="" id="left" value="" style="z-index: 10;
		position: absolute;"/>
		<input type="checkbox" name="" id="right" value="" style="z-index: 10;
		position: absolute;"/>
	<!--正页 -->
	<div class="web">
		<!-- 1.头部 -->
		<div class="header_content">
			<div class="left_logo  fl">
				<label for="left">
					<img src="./img/首页图片/B1-文章-1_03.jpg" >
				</label>
			</div>
			<div class="middle_logo">
				<img src="./img/首页图片/微信图片_20200527174220.png" >
			</div>
			<div class="search_logo fr">
				<label for="right">
					<img src="./img/首页图片/登录-和-搜索11_03.png" >
				</label>		
			</div>	
		</div>
		
		<!-- 中间 -->
		<div class="middle_content">
			<h2>腾讯视频</h2>
			<div class="top">
				<p class="P">2016年5月26日</p>
				<div class="to">
					<img src="img/志愿图片/C1-资源-2_03.jpg" >
				</div>
				<span>560</span>
			</div>	
			
			<div class="character">
				<p>腾讯视频贴片广告,60秒贴片广告，质量超棒！欢迎尝试，价格可谈。</p>
			</div>
			
			<div class="img">
				<img src="img/志愿图片/C1-资源-1_03.jpg" >
			</div>
			
			<div class="string"></div>
			<p class="p">联系方式 :</p>
			
			
			<div class="base">
				<div class="end">
					<div class="hous">
						<img src="img/志愿图片/C1-资源-3_03.jpg" >
					</div>
					<p>于皓</p>
				</div>
				<div class="house"></div>
				<div class="end">
					<div class="hous">
						<img src="img/志愿图片/C1-资源-4_03.jpg" >
					</div>
					<p>020-123456</p>
				</div>
				<div class="house"></div>
				<div class="end">
					<div class="hous">
						<img src="img/志愿图片/C1-资源-5_03.jpg" >
					</div>
					<p>hotane@qq.com</p>
				</div>
				
			</div>
			
			
			
			
			
			
		</div>
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<!-- 3.底部 -->
		<ul class="footer_content">
			<li >
				<a href="index.html">
					<img  class="li_img"    src="img/首页图片/微信图片_20200528120824.png" alt="">
					<p>首页</p>
				</a>
			</li>
			<li>
				<a href="">
					<img class="li_img"  src="img/首页图片/微信图片_202005281208244.png" alt="">
					<p>GLMC</p>
				</a>
			</li>
			<li>
				<a href="shenguang.html">
					<img  class="li_img"  src="img/首页图片/微信图片_202005281208242.png" alt="">
					<p>文章</p>
				</a>
			</li>
			<li>
				<a href="">
					<img   class="li_img"  src="img/首页图片/微信图片_202005281208243.png" alt="">
					<p>资源</p>
				</a>
			</li>
			<li>
				<a href="shenguang4.html">
					<img  class="li_img"  src="img/首页图片/微信图片_202005281208241.png" alt="">
					<p>学院</p>
				</a>
			</li>
		</ul>
		
		
		
	</div>
	
	
	
	
	
	
	<!-- 左边 -->
	<div class="ming">
		<!-- 头部 -->
		<div class="head clearfix">
			<label for="left"><div class="iconfont iconicon--shanchu"></div></label>
			<input type="text" name="" id="" value=""  placeholder="search"/>
			<div class="hea iconfont iconsousuo"></div>
		</div>
		
		<div class="spring"></div>
		
		<div class="middle">
			<div class="img">
				<img src="img/首页图片/微信图片_20200528153342.png" >
				<h2>立即登入</h2>
				<a href="">忘记密码</a>
			</div>
		</div>
		<div class="spr"></div>
		
		<!-- 底部 -->
		<div class="com">
			<p>GIML</p>
			<span> > </span>
		</div>
		<div class="spring2"></div>
		
		
		<div class="com">
			<p>文章</p>
			<span> > </span>
		</div>
		<div class="spring2"></div>
		
		
		<div class="com">
			<p>资源</p>
			<span> > </span>
		</div>
		<div class="spring2"></div>
		
		
		<div class="com">
			<p>课程</p>
			<span> > </span>
		</div>
		<div class="spring2"></div>
		
		
	</div>
	
	
	
	
	
	
	
	<!-- 右边 -->
	<div class="ning">
		<div class="top">
			<input type="text" name="" id="" value=""  placeholder="search"/>
			<div class="hea iconfont iconsousuo"></div>
			<label for="right">
				<div class="button">取消</div>
			</label>
			<div class="h2">
				<h2>热搜</h2>
			</div>
			<div class="row">
				<div class="rows">项目管理</div>
				<div class="rows">移动互联网</div>
				<div class="rows">O2O联动化</div>
				<div class="rows">O2O</div>
				<div class="rows">媒介平台</div>
				<div class="rows">细分平台业务</div>
				<div class="rows">项目管理</div>
				<div class="rows">移动互联网</div>
				<div class="rows">O2O联动化</div>
			</div>
			
			
	</div>
	
	
	
	
	
	
	
	
		
	<script type="text/javascript">
	   function recalc() {
	    var clientWidth = document.documentElement.clientWidth;
	    if (!clientWidth) return;
	    document.documentElement.style.fontSize = 40 * (clientWidth / 640) + 'px';
	   }
	
	   function initRecalc() {
	    recalc();
	    var resizeEvt = 'osrientationchange' in window ? 'osrientationchange' : 'resize';
	    if (!document.addEventListener) return;
	    window.addEventListener(resizeEvt, recalc, false);
	    document.addEventListener('DOMContentLoaded', recalc, false);
	   }
	   initRecalc();
	  </script>	
		
	</body>
</html>
